<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <style>
        /* 使用 width 属性来设置输入框的宽度： */
        input {
            width: 100%;
        }
    </style>
</head>

<body>

    <p>全宽输入框:</p>

    <form>
        <label for="fname">First Name</label>
        <input type="text" id="fname" name="fname">
    </form>

</body>

</html>
<!-- 以上实例中设置了所有 <input> 元素的宽度为 100%，如果你只想设置指定类型的输入框可以使用以下属性选择器：

input[type=text] - 选取文本输入框
input[type=password] - 选择密码的输入框
input[type=number] - 选择数字的输入框
...
 -->